
body{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/big-bg.png) no-repeat center top;}
.index,.index01,center,.buy-back,.wechat-bg,.logistics-bg,.success-bg,.shop{ padding-bottom: 80px;}
.index01{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/index-bg.png) no-repeat center top;}
.center{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/bg.png) no-repeat center top;}
.buy-back{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/buy-back.png) no-repeat center top;}
.wechat-bg{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/wechat-bg.png) no-repeat center top;}
.logistics-bg{ width:100%; max-width:640px; min-height:100%;z-index:100;background:#fff;}
.shop{width:100%; max-width:640px; min-height:100%;z-index:100;background:#fff;}
.success-bg{ width:100%; max-width:640px; min-height:100%;z-index:100;background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/success-bg.png) no-repeat center top;}


.join{position:relative; text-align:center;}
.join img{ line-height:0; display:block;}
.join .word{position:absolute; top:720px; text-align:center; left:50%; margin-left:-320px; width:100%;}
.join .word em{ font-size:30px; color:#fff; line-height:45px;}
.join-in {width:500px; height:80px;position:absolute; top:766px; left:50%; margin-left:-250px;}
.join-in a{ display:block;}
.join-in a img{ display:block;}
.footer{ position:fixed;bottom: 0px; height:77px; text-align:center; background:#ffd800; overflow:hidden; font-size:30px; line-height:77px;width:100%; margin-bottom:0; max-width:640px;}
.footer a{ font-size:30px; color:#27272c; width:200px;display:inline-block; text-align:center; line-height:77px;}
.user{ position:relative; padding-bottom:30px;}
.user img{ display:block; width:640px; height:auto;}
.uesr-pic img{ display:block; position:absolute; top:270px; left:50%; margin-left:-121px;width:236px; height:274px; z-index:-1;}
.user .word02{position:absolute; top:668px;left:72px; width:100%;}
.user .word02 em{ font-size:28px; color:#fff; line-height:45px;}
.user .box{ position:absolute; left:78px; top:280px; width:352px; height:352px;}
.user .box img{ display:block;width:352px; height:352px;}
.wechat{ padding:0 30px;height:50px; margin-top:30px; margin-bottom:40px;}
.wechat a { display:inline-block; width:258px; height:50px; margin-right:42px;}
.wechat a:nth-child(2){ margin-right:0;}
.wechat a img{ display:block;width:258px; height:50px;}

.shop-detail{ background:#fff; min-height:1000px;}
.shoplist{ padding-top:26px; margin-bottom:26px;}
.shoplist h1{ text-align:center; font-weight:normal; font-size:30px; color:#101013; line-height:45px;}
.shoplist h2{ text-align:center; font-weight:normal; font-size:20px; color:#101013; line-height:28px; text-transform:uppercase; border-bottom:1px #101013 solid; position:relative; margin-top:15px;}
.shoplist h2 em{ display:inline-block; width:204px; height:28px; border:1px #0b0205 solid; background:#fff; position:absolute; top:-15px; left:50%; margin-left:-103px;}
.shoplist ul{ padding:0 56px; margin-top:30px;}
.shoplist ul li{ width:224px; float:left; margin-top:20px; margin-right:80px; cursor:pointer;}
.shoplist ul li:nth-child(2n){ margin-right:0;}
.product-pic{ width:218px; height:218px;border:3px #ffdc1a solid;}
.product-pic img{ display:block;width:218px; height:218px;}
.product-word h3{ font-weight:normal; font-size:20px; color:#101013; line-height:30px;}
.product-word p{font-size:20px; color:#101013; line-height:30px;}
.clear{ clear:both;}

.buy{ position:relative;}
.buy img{ display:block;}
.box02{ position:absolute; left:88px; top:340px; width:326px; height:326px;}
.box02 img{ display:block;width:326px; height:326px;}

.buy-pic img{ display:block; position:absolute; top:335px; left:50%; margin-left:-108px; width:218px; height:252px; z-index:-1;}
.go-buy{ position:absolute; bottom:63px; right:152px;}
.go-buy a{ display:block; width:408px; height:96px;}
.go-buy a img{ display:block;}

.top-bg{ width:382px; height:531px; margin-left:140px;}
.top-bg img{ z-index:1; position:absolute;width:382px; height:531px; display:block;}
.top-pic{width:218px; height:318px; position:absolute; top:43px; left:50%; margin-left:-108px;  }
.top-pic img{width:218px; height:252px; display:block; position:absolute;z-index:-1;}
.top-pic h3{ font-weight:normal; font-size:30px; color:#fff; line-height:66px; text-align:center; position:absolute; top:252px; width:100%;}

.money{ padding:0 35px;height:60px; background:#ffd800; position:absolute; top:393px;}
.money a{ display:block; width:189px; border-right:1px #17171b solid; height:42px; text-align:center; margin-top:9px; float:left;}
.money a:nth-child(3){ border-right:none; width:190px;}
.money a h1{ font-weight:normal; font-size:22px; color:#17171b; line-height:24px;}
.money a h2{ font-weight:normal; font-size:16px; color:#17171b; line-height:18px;}
.generalize a{ padding-left:24px; line-height:54px; font-size:22px; color:#fff; background:rgba(255,216,1,0.2); display:block; margin-top:-78px; margin-bottom:11px;}
.earnings{ margin-top:11px;}
.earnings ul li{ padding:0 24px;background:rgba(255,216,1,0.3); margin-bottom:3px;}
.earnings ul li h1{ float:left; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }
.earnings ul li h2{ float:right; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }

.earnings02{ margin-top:11px;}
.earnings02 ul li{ padding:0 24px;background:rgba(255,216,1,0.1); margin-bottom:3px;}
.earnings02 ul li h1{ float:left; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }
.earnings02 ul li h2{ float:right; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }

.list{ margin-top:38px; padding:0 6px;}
.list a{ display:block; width:311px; height:75px; background:#ffd800; text-align:center; line-height:75px; font-size:22px; color:#17171b; float:left; margin-right:6px; margin-bottom:6px;}
.list a:nth-child(2n){ margin-right:0;}
.history a{ display:block; width:628px; height:75px; text-align:center; font-size:22px; color:#17171b; margin-bottom:32px; background:#ffd800; line-height:75px; margin-left:6px;}

.integrate{ width:363px; height:62px; border:1px #ffd800 solid; text-align:center; line-height:62px; font-size:40px; color:#fff; margin:0 auto; position:absolute; top:340px; margin-left:-182px; left:50%;}
.integrate02 input{ display:block; background:none;width:363px; height:62px; border:1px #ffd800 solid; text-align:center; line-height:62px; font-size:40px; color:#fff; margin:0 auto; position:absolute; top:550px; margin-left:-182px; left:50%;}

.history02{padding:0 24px;background:rgba(255,216,1,0.5); margin-bottom:7px; height:60px; font-size:22px; color:#fff; line-height:60px; margin-top:32px;}
.history02 span{ display:block; float:right; line-height:60px; background:url(../images/slide.png) no-repeat right center; text-indent:-9999em; width:22px;}
.historylist ul li{ padding:0 24px;background:rgba(255,216,1,0.1); margin-top:3px; }
.historylist ul li:nth-child(1){ margin-top:0;}
.historylist ul li h1{ float:left; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }
.historylist ul li h2{ float:right; font-weight:normal; line-height:54px; font-size:22px; color:#fff; }

.banner img{ display:block; line-height:0;}
.earnings02{ margin-top:11px;}
.earnings03 ul li{ padding:0 24px;background:rgba(255,216,1,0.3); margin-bottom:2px; line-height:60px; font-size:22px; color:#fff; }
.earnings03 ul li span{margin-right:14px;}
.earnings03 ul li del{ font-size:16px;}
.footer-detail{height:77px; background:#ffd800; font-size:30px; line-height:77px; width:100%; position:fixed; bottom:0; max-width:640px;}
.footer-detail a{ display:inline-block; width:300px; color:#27272c;text-align:center; padding:0 10px;}
.footer-detail a:nth-child(2){ width:290px;}
.product-detail{ background:url(http://fuzion.oss-cn-hangzhou.aliyuncs.com/fuzion_img/detail.png) no-repeat center top #fff; min-height:1000px;}

.usercenter{ padding-bottom:100px;}
.usercenter img{ display:block;}
.pic img{ display:block; width:157px; height:182px; position:absolute; top:328px; margin-left:-82px; left:50%; z-index:-1;}
.wechat-pic{ width:336px; height:336px; position:absolute; top:544px; left:50%; margin-left:-168px;}

.logistics{ min-height:1000px; background:#fff;}
.logistics img{ display:block; height:280px;}
.logistics ul{ padding:0 33px 50px 33px;}
.left{ float:left;}
.left span{ display:inline-block; width:21px; height:21px; text-indent:-9999em; background:url(../images/yuan.png) no-repeat left center; margin-right:18px; }
.left p{ width:1px; min-height:84px; background:#979797; margin-left:10px;}
.time{ float:left;font-size:18px; color:#979797; width:500px;}
.time a{ color:#979797;}
.time h4{ font-weight:normal;}
.time h4 span{ margin-right:30px;}
.left .finish{ background:url(../images/finslish.png) no-repeat left center; width:26px; height:26px; margin-left:-2px; margin-right:16px;}
.left .last{ display:none;}
.time-last{ float:left;font-size:18px; color:#ff5a00; width:500px;}
.time-last a{ color:#ff5a00;}
.time-last h4{ font-weight:normal;}
.time-last h4 span{ margin-right:30px;}
.go-buy02 a{ width:334px; height:65px; display:block; margin:0 auto; padding-top:78px; padding-bottom:100px;}
.form{ position:absolute; top:296px; left:82px;}
.form ul li{ margin-bottom:25px;}
.form ul li h1{ font-weight:normal; text-indent:-9999em; background:url(../images/people.png) no-repeat left center; line-height:64px; width:181px;}
.form ul li:nth-child(2) h1{ font-weight:normal; text-indent:-9999em; background:url(../images/tel.png) no-repeat left center; line-height:64px; width:181px;}
.form ul li:nth-child(3) h1{ font-weight:normal; text-indent:-9999em; background:url(../images/address.png) no-repeat left center; line-height:64px; width:181px;}
.form ul li:nth-child(5) h1{ font-weight:normal; text-indent:-9999em; background:url(../images/eamil.png) no-repeat left center; line-height:64px; width:181px;}
.form ul li input{ display:block; width:460px; height:48px; border:1px #fad131 solid; background:none; padding-left:10px; font-size:24px; color:#fff; line-height:48px;}
.form ul li select{ width:130px; padding-left:10px; height:48px;border:1px #fad131 solid;font-size:22px; color:#fff; line-height:48px; margin-right:36px;overflow: hidden;  background:url(../images/slide02.png) no-repeat 90px;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none;}
/*.form ul li select option{width:118px;}*/
.form ul li textarea{ width:460px; height:120px; margin-top:16px;border:1px #fad131 solid; padding-left:10px; padding-top:10px;}
.all{ border:1px #fad131 solid; line-height:48px; font-size:22px; color:#fad131; width:182px; padding-left:8px;}
.form ul li .payway{ width:196px;padding-left:10px; height:48px;border:1px #fad131 solid;font-size:22px; color:#717171; line-height:48px;background:url(../images/slide03.png) no-repeat 150px #fff;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none;}
/*.form ul li .payway option{ width:194px;border-bottom:1px #fad131 solid;font-size:22px; color:#717171;}*/

.pay{ position:relative; padding-bottom:200px;}
.pay img{ display:block; width:640px; height:auto;}
.paysuccess{ width:466px; padding:20px 0; border-bottom:3px #fff solid;border-top:3px #fff solid; position:absolute; top:356px; left:50%; margin-left:-233px;}
.paysuccess img{ display:block; width:466px;}
.success{ width:152px; position:absolute; top:560px; left:50%; margin-left:-76px;}
.success img{ display:block; width:152px;}

.order-detail{ background:#f0f0f0; min-height:1000px; padding-bottom:50px;}
.order-detail img{ display:block; margin:0;}
.sunbav{ border-bottom:1px #ffd800 solid; background:#fff;}
.sunbav a{ display:block; width:50%; font-size:26px; color:#666; line-height:65px; float:left; text-align:center;}
.sunbav .on{ background:#ffd800; color:#333;}
.order-list{background:#f0f0f0;}
.order-list ul li{ margin-bottom:20px; background:#fff;}
.number{ height:70px; line-height:70px; padding:0 20px; }
.number h2{ font-size:22px; color:#808080; font-weight:normal; display:inline-block;}
.number h2 b{font-weight:normal;}
.number span{ color:#ffd800; font-size:26px; float:right;}
.detail{ padding:20px; background:#f5f5f5; position:relative;}
.detail img{ display:inline-block; width:180px; height:150px;}
.detail h2{ width:270px; position:absolute; top:25px; left:222px;font-weight:normal; line-height:40px; font-size:26px; color:#333; height:80px; overflow:hidden;}
.detail p{ width:270px; position:absolute; top:132px; left:222px;line-height:30px; font-size:22px; color:#999;}
.detail span{position:absolute; top:25px; right:20px;font-weight:normal; line-height:40px; font-size:26px; color:#333;}
.detail em{position:absolute; top:132px; right:20px; font-style:normal;line-height:30px; font-size:26px; color:#333;}
.allmoney{ margin:0 20px; height:86px; border-bottom:1px #e5e5e5 solid; line-height:86px; position:relative;}
.allmoney time{ font-size:22px; color:#808080;}
.allmoney p{ position:absolute; right:0; top:0; font-size:26px; color:#333;}
.allmoney p b{ font-weight:normal;}
.allmoney p span{ font-weight:bold; font-size:30px;}
.button{ padding:24px 20px; text-align:right;}
.button .one{ display:inline-block; width:146px; height:60px; text-align-last:center; border:2px #ffd800 solid; background:#fff; font-size:24px; color:#ffd800; margin-left:29px; }
.button .no{ display:inline-block; width:146px; height:60px; text-align-last:center; border:2px #cccccc solid; background:#fff; font-size:24px; color:#cccccc;}
.button span{ font-size:26px; color:#666; margin-left:29px; line-height:60px;}


